<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>  
   <meta charset="utf-8">
   <th:block th:replace="headfoot/head::head_common">引用公共的homefoot</th:block>
</head>
<body>
	<div class="container-fluid kj-list-container">
		<div class="kj-list-content-container card">
			<form id="queryForm"
				class="form-horizontal kj-list-queryFrom">
				
				<div class="kj-list-queryFrom-container">
					<div class="kj-list-queryFrom-item">
						<div class="form-group col-sm-12">
							<label	class="col-sm-1 control-label kj-list-query-label"	title="角色名称"	>角色名称</label>
							<div class="col-sm-2">
								<input type="text" 	class="form-control input-sm input-sm" name="roleName"	placeholder="角色名称" />
							</div>

							<label
								class="col-sm-1 control-label kj-list-query-label"	title="角色代码"	>角色代码</label>
							<div class="col-sm-2">
								<input	type="text"	class="form-control input-sm" name="roleCode" placeholder="角色代码" />
							</div>
							
							<label
								class="col-sm-1 control-label kj-list-query-label"
								title="角色描述"
							>角色描述</label>
							<div class="col-sm-2">
								<input
									type="text"
									class="form-control input-sm"
									name="roleDescription"
									placeholder="角色描述" />
							</div>

						</div>
						
						<div class="form-group col-sm-12">
							<div class="col-sm-9 kj-list-query-btn-container"></div>
							<div class="col-sm-3 kj-list-query-btn-container">
								<button
									type="button"
									class="btn btn-sm btn-default kj-btn-query query"
								>
									<i class="iconfont icon-chaxun"></i> 查询
								</button>
								<button
									type="button"
									class="btn btn-sm btn-default kj-btn-reset reset"
									>
									<i class="iconfont icon-zhongzhi"></i>重置
								</button>
                            </div>
						</div>
					</div>
				</div>
				
				<!-- 收起展开按钮 -->
                <div class="kj-packUpdiv"
                	><span class="kj-packUp-span"
                		><i
	                		id="kj_slideBtn"
	                		class="kj-packUpdiv-icon kj-icon-shou-by-listpage"
	                		onclick="common.slideSearchDiv();"
                		></i
                	></span
                ></div>

				<div
					id="kj_list_content_btn_container"
					class="kj-list-content-btn-container form-group col-sm-12">
                    <button
						type="button"
						class="btn btn-sm btn-default add-multitab kj-btn-add"
						data-id="add-user-form"
						data-url="/system/role/roleForm"
						data-title="新增角色"
					>
						<i class="iconfont icon-tianjia"></i>&ensp;添加
					</button>

					<button
						class="btn btn-sm btn-default kj-btn-del bootable-action-post"
						type="button"
						data-table="#table"
						data-href="/system/role/batchDelete"
						data-confirm="确认删除吗"
					>
						<i class="iconfont icon-shanchu"></i>&ensp;删除
					</button>
				</div>
			</form>

			<table
				id="table"
				class="table table-bordered table-hover table-striped bootstrapTable kj-list-container-only-table"
				data-list-url="/system/role/list"
				data-form-url="/system/role/roleForm"
				data-del-url="/system/role/delete"
				data-toolbar="#queryForm"
				data-height="600"
			>
				<thead>
					<tr>
						<th data-checkbox="true"></th>
						<th data-field="roleName" data-sortable="true">角色名称</th>
						<th data-field="roleCode" data-sortable="true">角色代码</th>
						<th data-field="roleDescription" data-sortable="true">角色描述</th>
						<th data-field="enableFlag" data-formatter="showEnbale"
							data-sortable="true">状态</th>
						<th data-field="createDate" data-sortable="true">创建时间</th>
						<th data-field="operate" data-formatter="defaultOperate"
							data-events="defaultOperateEvent">操作</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>

  <th:block th:replace="headfoot/foot::list_foot">引用公共的homefoot</th:block>  


</body>
</html>